<div class="iask-bg">
	<div class="iask-box">
		<ul>
			<li>
				<span>问题标题：</span><input ng-model="questionTitle" type="text" class="title" placeholder="请用一句话概述您的问题(200个字节)" ng-keyup="checkLength()"/>
				<p class="iaskTip">不能为空</p>
			</li>
			<li>
				<span>问题描述：</span>
				<div class="content  f-editorBox" style="border:0px solid ;height: 146px;">
					<div ui-editor   id="editorbox1" set-model="editorContent"  editor-type="'tiny'" style="height: 112px;margin-top: 0;"></div>
				</div>
			</li>
			<li>
				<span>关键词：</span><input class="labelid" type="text" ng-model="tagsWork" placeholder="请输入标签，最多六个标签"/>
				<b class="addBtn" ng-click="saveTagsname(tagsWork)">添加</b>
				<ul class="checkFI3Con">
	        		<li ng-repeat="item in tags2 track by $index">
		        		<a href="javascript:;" ng-bind="item"></a>
		        		<b ng-click="deleteInput($index)" class="close"></b>
	        		</li>
       			 </ul>
			</li>
			<li>
				<span>资料分类：</span>
				<div class="iask-please">
					<div>请选择</div>
					<ul ng-repeat="item in onelist">
						<li ng-click="getsecond(item.tcId,$index)">{{item.tcName}}</li>
					</ul>
				</div>
				<div class="iask-pleaseed">
					<ul>
						<li ng-repeat="item in twolist" ng-click="getthree(item.scId,$index, item.tcId)">{{item.scName}}</li>
					</ul>
				</div>
				<div class="iask-three">
					<ul>
						<li ng-repeat="item in three" ng-click="getthis($index,item.dcId)">{{item.dcName}}</li>
					</ul>
				</div>
				<div class="iask-them">
					<ul>
						<li ng-repeat="item in them">
							<div class="dandan" ng-click="getscid(item.scId,$index, item.tcId)">{{item.scName}}</div>
							<div class="showbox">
								<h2 class="h21">专业：</h2>
								<label ng-repeat="item in zy"><span>{{item.dcName}}</span><input type="radio" name="radio1" value={{item.dcId}}></label>
								<h2 class="h22">内容：</h2>
								<label ng-repeat="item in lr"><span>{{item.dcName}}</span><input type="radio" name="radio2" value={{item.dcId}}></label>
								<h2 class="h23">项目模式：</h2>
								<label ng-repeat="item in ms"><span>{{item.dcName}}</span><input type="radio" name="radio3" value={{item.dcId}}></label>
								<h2 class="h24">项目模式：</h2>
								<label class="yiwai" ng-repeat="item in duo"><span>{{item.dcName}}</span><input type="radio" name="radio4" value={{item.dcId}}></label>							
							</div>
						</li>
					</ul>
				</div>
			</li>
			<li>
				<span>悬赏积分：</span>
				<input class="price" type="number" min="0" placeholder="0"/>
				<div class="ebi-font">积分</div>
				<div class="ebi-font">您当前的账户余额：</div>
				<div class="ebi-font">{{userCionValue}}</div>
				<div class="ebi-font">积分</div>
			</li>
			<li id="radio-one">
				<span class="l-span">提醒方式：</span>
				<span class="check check1"><input type="radio" name="radio" value="0" checked id="check1"/><label for="check1">站内提醒</label></span>
				<span class="check"><input type="radio" name="radio" value="1" id="check2"/><label for="check2">手机短信提醒</label></span>
				<span class="check"><input type="radio" name="radio" value="2" id="check3"/><label for="check3">邮箱提醒</label></span>
				<!--<a>绑定邮箱</a>-->
			</li>
			<li>
				<div class="iask-sub-btn" ng-click="subPost()">提交问题</div>
			</li>
		</ul>
		<div id="oked">提交成功！<span ng-click="closex()"></span></div>
		<div id="cion">
			<span ng-click="onCion()"></span>
			<p class="cion-p-one">您的账户余额不足！</p>
			<p class="cion-p-two">当前余额：<span id="userCion">{{userCionValue}}</span>积分</p>
		</div>
	</div>
</div>
<div ng-include="'app/business/common/footer.html'" class="ng-scope"></div>

<style type="text/css">
.iaskTip{
	margin:10px 0 10px 150px;
	color:red;
	display: none;
}
#editorbox1 {
	height: 112px !important;
	margin-top: 0;
}
#cion {
	display: none;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 300px;
	height: 100px;
	border: 1px #30A3FF solid;
	background-color: #fff;
}	
#userCion {
	color: red;
}	
.cion-p-one {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
}	
.cion-p-two {
	color: #999;
	font-size: 14px;	
	text-align: center;
	margin-top: 4px;
}
#cion>span {
	position: absolute;
	top: 19px;
	right: 19px;
	display: inline-block;
	background: url("them/img/xxx.png") 0px 0px no-repeat;
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}



	
body{
	background: url("them/img/jb-bg.png") 0px 0px repeat;
	background-size: 600px 600px;
}
.addBtn{
	display: inline-block;
    width:60px;
    height:30px;
    background: #30a3ff;
    text-align: center;
    line-height:30px;
    color: #fff;
    font-weight:normal;
    cursor: pointer;
    margin-left: 10px;
}
.checkFI3 span {
    float: left;
}
.checkFI3Con{
	margin: 5px 0 0 122px;
}
.checkFI3Con li{
	float: left;
	position: relative;
	margin-left: 20px;
    margin-bottom: 10px;
}
.checkFI3Con li a {
	display: block;
	border: 1px solid #e1f2fa;
	text-align: center;
	line-height: 28px;
	padding-left: 16px;
	padding-right: 16px;
	height: 28px;
	background: #edf9ff;
	color: #30a3ff;
	margin-left: 8px;
}
.checkFI3Con li b{
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0;
	right: 5%;
	display: block;
	background: url(them/imgs/ngInput.png) no-repeat;
	cursor: pointer;
}
.first3 span{
    width:86px;
    height:30px;
    display: inline-block;
    text-align: right;
    margin-right:27px;
}
.first3 span i {
    color: #ff0000;
}

#oked {
	display: none;
	position: fixed;
	z-index: 9999999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 248px;
	height: 118px;
	line-height: 118px;
	text-align: center;
	background-color: #fff;
	font-size: 16px;
	color: #000;
	border: 1px #30a3ff solid;
}
#oked>span {
	position: absolute;
	top: 19px;
	right: 19px;
	display: inline-block;
	background: url("them/img/xxx.png") 0px 0px no-repeat;
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
/**/
	.webuploader-pick {
		width: 78px;
		height: 24px;
		opacity: 0;
	}
/*点击国际工程出来的盒子*/
.showbox{
	display: none;
	float: left;
	width:658px;
	background-color:#f7f7f7;
}
.iask-them h2{
	display:inline-block;
	float: left;
	width:100px;
	font-size:12px;
	color:#30a3ff;
	background-color:#f7f7f7;
	padding-left:6px;
}
.iask-them span{
	display:inline-block;
	clear: both;
}
.iask-them input{
	/*opacity: 0;*/
}
.iask-them label{
	clear: both;
	margin-left:6px;
	background-color:#f7f7f7;
}
.iask-them{
	float: left;
	width:100px;
	height:196px;
	border:1px #ddd solid;
	overflow: auto;
	overflow-x: hidden;
	margin-left:15px;
}
.iask-them>ul>li>.dandan{
	float: left;
	width:652px;
	height:40px;
	color:#666;
	background-color:#fff;
	font-size:12px;
	line-height:40px;
	cursor: pointer;
	padding-left:6px;
}
.iask-them>ul>li>.dandan:hover{
	color:#fff;
	background-color:#30a3ff;
}
/*三级分类盒子*/
.iask-three{
	float:left;
	width:190px;
	height:196px;
	border: 1px #ddd solid;
	margin-left:15px;
	overflow:auto;
	display: none;
}
.iask-three>ul>li{
	display: inline-block;
	float: left;
	width:184px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#666;
	cursor: pointer;
	margin:0;
	padding:0;
	padding-left:6px;
}
.iask-three>ul>li:hover{
	color:#fff;
	background-color:#30a3ff;
}
/**/
.iask-pleaseed>ul>li{
	display: inline-block;
	float: left;
	width:154px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#666;
	cursor: pointer;
	margin:0;
	padding:0;
	padding-left:6px;
}
.iask-pleaseed>ul>li:hover{
	color:#fff;
	background-color:#30a3ff;
}
/**/
.iask-please>ul>li{
	display: inline-block;
	float: left;
	width:86px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#666;
	cursor: pointer;
	margin-top:0;
	padding:0;
	padding-left:6px;
}
.iask-please>ul>li:hover{
	color:#fff;
	background-color:#30a3ff;
}
.iask-please div{
	width:86px;
	height:28px;
	border-bottom:1px #ddd solid;
	font-size:12px;
	color:#333;
	background:url("them/img/iasktopbottom.png") 72px 10px no-repeat;
	background-size:14px 8px;
	line-height:28px;
	padding-left:6px;
}
/*li7*/
.iask-sub-btn{
	width:106px;
	height:34px;
	color:#fff;
	background-color: #fd8a23;
	font-size:16px;
	border-radius:4px;
	line-height:34px;
	text-align: center;
	margin:36px auto 0;
	cursor:pointer;
}
/*li6*/
.iask-box>ul>li:nth-child(6){
	position: relative;
	width:100%;
	height:30px;
	margin-top:40px;
}
.iask-box>ul>li:nth-child(6) .check1{
	margin-left:24px;
}
.iask-box>ul>li:nth-child(6) .check{
	display: inline-block;
	height:30px;
	line-height:30px;
	margin-right:30px;
}
.iask-box>ul>li:nth-child(6) input{
	position: absolute;
	top: 9px;
	margin-right:6px;
}
#radio-one>span>label {
	padding-left: 20px;
}
.iask-box>ul>li:nth-child(6) .l-span{
	display: inline-block;
	float: left;
	width:126px;
	height:30px;
	text-align:right;
	line-height:30px;
}
.iask-box>ul>li:nth-child(6) a{
	color:#30a3ff;
	border-bottom:1px #30a3ff solid;
}

/*li5*/
.iask-box>ul>li:nth-child(5){
	width:100%;
	height:30px;
	margin-top:40px;
}
.iask-box>ul>li:nth-child(5) .ebi-font{
	display: inline-block;
	float: left;
	line-height:30px;
	margin-left:11px;
}
.ebi-font2 {
	display: inline-block;
	float: left;
	line-height:30px;
	margin-left:11px;	
}
.iask-box>ul>li:nth-child(5) input{
	float: left;
	width:40px;
	height:28px;
	border:1px #ddd solid;
	font-size:12px;
	color:#999;
	text-align: center;
	line-height:28px;
	margin-left:24px;
	
}
.iask-box>ul>li:nth-child(5) span{
	display: inline-block;
	float: left;
	width:126px;
	text-align:right;
	margin-top:4px;
}

/*li4*/
.iask-box>ul>li:nth-child(4){
	width:100%;
	height:198px;
	padding-top:50px;
}
.iask-box>ul>li:nth-child(4) .iask-pleaseed{
	float:left;
	width:160px;
	height:196px;
	border: 1px #ddd solid;
	margin-left:15px;
	overflow:auto;
	display: none;
}
.iask-box>ul>li:nth-child(4) .iask-please{
	float: left;
	width:92px;
	height:196px;
	border:1px #ddd solid;
	font-size:12px;
	color:#333;
	line-height:28px;
	margin-left:24px;
	overflow: hidden;
}
.iask-box>ul>li:nth-child(4)>span{
	float: left;
	margin-top: 4px;
	display: inline-block;
	width:126px;
	text-align:right;
	background:url("them/img/bitian.png") 54px 6px no-repeat;
	background-size:6px 4px;
}
/*li3*/
.iask-box>ul>li:nth-child(3){
	width:100%;
	height:30px;
	padding-top:50px;
}
.iask-box>ul>li:nth-child(3) input{
	width:348px;
	height:28px;
	border:1px #ddd solid;
	font-size:12px;
	color:#999;
	padding-left:10px;
	margin-left:24px;
}
.iask-box>ul>li:nth-child(3) span{
	display: inline-block;
	width:126px;
	text-align:right;
	background:url("them/img/bitian.png") 67px 6px no-repeat;
	background-size:6px 4px;	
}

/*li2*/
.iask-box>ul>li:nth-child(2){
	position: relative;
	width:100%;
	height:146px;
	margin-top:40px;
}
.iask-box>ul>li:nth-child(2) textarea{
	float: left;
	width:968px;
	height:88px;
	border:1px #ddd solid;
	font-size:12px;
	color:#999;
	line-height:18px;
	padding:10px 10px 10px 10px;
	resize: none;
	margin-left:24px;
	
}
.f-editorBox{
	float: left;
	width:990px;
	height:88px;
	border:1px #ddd solid;
	font-size:12px;
	color:#999;
	line-height:18px;
	resize: none;
	margin-left:24px;
}
.iask-box>ul>li:nth-child(2) span{
	float: left;
	display: inline-block;
	width:126px;
	height:146px;
	text-align:right;
}
.iask-li2-addpic{
	position: absolute;
	width:78px;
	height:24px;
	border:1px #ddd solid;
	left:150px;
	bottom:0;
	line-height:24px;
	text-align: center;
	cursor: pointer;
	font-size:12px;
	color:#999;
}
.iask-li2-font{
	position: absolute;
	bottom:4px;
	left:242px;
	font-size:12px;
	color:#ddd;
}
/*下面是我的提问标题li1*/
.iask-box>ul>li:nth-child(1){
	width:100%;
	height:30px;
	padding-top:50px;
}
.iask-box>ul>li:nth-child(1) input{
	width:978px;
	height:28px;
	border:1px #ddd solid;
	font-size:12px;
	color:#999;
	padding-left:10px;
	margin-left:24px;
}
.iask-box>ul>li:nth-child(1) span{
	display: inline-block;
	width:126px;
	text-align:right;
	background:url("them/img/bitian.png") 54px 6px no-repeat;
	background-size:6px 4px;
}


/*下面是我要提问布局背景*/
.iask-bg{
	width:100%;
	height:100%;
	background:url("them/img/jb-bg.png") 0px 0px repeat;
	background-size:600px 600px;
}
.iask-box{
	width:1200px;
	height:845px;
	background-color:#fff;
	margin:0 auto;
	margin-bottom:50px;
}
</style>